<div class="row">

  <% if !mobile? %>
    <div class="col-md-3 sidebar">

      <div class="card">
        <div class="card-header">已有专栏</div>
        <div class="card-body">
          <div class="blog-info">
            <% if @column_already_have.blank? %>
              <div class="alert alert-success" role="alert">你还未开通属于自己的专栏！</div>
            <% else %>
              <% @column_already_have.each do |column| %>
                <div class="column media column-<%= column.id %>">
                  <div class="avatar media-left">
                    <%= image_tag(column.cover.url, class: "column-cover") %>
                  </div>
                  <div class="infos media-body">
                    <div class="title media-heading column-heading">
                      <%= link_to(main_app.column_path(column), title: column.name) do %>
                        <%= column.name %>
                      <% end %>
                    </div>
                  </div>
                  <div class="count media-right">
                    <span class="badge">
                      <%= column.articles.count %> 篇
                    </span>
                  </div>
                </div>
                <%end %>
                <%end %>
          </div>
        </div>
      </div>
    </div>
  <% else %>
    <div class="move-page-buttons">
      <a href="#" class="btn btn-block btn-sm btn-move-page" data-type="top"><i class="fa fa-arrow-up"></i></a>
      <a href="#" class="btn btn-block btn-sm btn-move-page" data-type="bottom"><i class="fa fa-arrow-down"></i></a>
    </div>
  <% end %>
  <div class="col-md-9">
    <div class="card">
      <div class="card-header">创建专栏</div>
      <div class="card-body">
        <%= render 'form' %>
      </div>
    </div>
  </div>
</div>
